<!DOCTYPE html>

<html>
<head>


    <link href="../../resources/css/bootstrap.css"  rel="stylesheet">
    <title></title>
</head>
<body ng-app>
    <div ng-controller="manageList" >
        <div style="width: 100%;" >
            <ul class="nav nav-list"  >
                <li  class="nav-header">
                </li>
                <li ng-repeat="event in eventList">
                    <a href="{{event.url}}" >
                        <label style="float: left ;margin-right: 2%" >{{event.name}}</label>
                        <input type="checkbox" ng-model="event.status" style="margin-top: auto;margin-bottom: auto"/>
                     </a>
                </li>
            </ul>

        </div>
    </div>

<!-- SCRIPTS -->
   <script src="js/eventos.controler.js" type="text/javascript"></script>
    <script src="../../resources/js/angular.min.js" type="text/javascript"></script>
</body>
</html>